    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
    ::-webkit-scrollbar {
      width: 4px;
      /*滚动条宽度，竖向*/
      height: 4px;
      /*滚动条高度，横向*/
    }

    /*定义滚动条轨道 内阴影+圆角*/
    ::-webkit-scrollbar-track {
      border-radius: 5px;
      /*滚动条的背景区域的圆角*/
      background-color: transparent;
      /*滚动条的背景颜色*/
    }

    /*定义滑块 内阴影+圆角*/
    ::-webkit-scrollbar-thumb {
      border-radius: 30px;
      /*滚动条的圆角*/
      // box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
      background-color: #E2E2EA;
      /*滚动条的背景颜色*/
    }

    * {
      -webkit-tap-highlight-color: transparent;
      -webkit-appearance: none;
      -moz-user-select: none;
      /*火狐*/
      -webkit-user-select: none;
      /*webkit浏览器*/
      -ms-user-select: none;
      /*IE10*/
      -khtml-user-select: none;
      /*早期浏览器*/
      user-select: none;
      /*border-box*/
      box-sizing: border-box;
    }

    html,
    body {
      height: 100%;
      margin: 0;
    }

    input:focus {
      outline: none;
    }

    // .el-overlay,
    .el-message,
    .is-message-box {
      transform: scale(2, 2);
    }

    // 文字溢出
    .text-overflow {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }

    // 天气
    .weather-b {
      background-image: url("/public/image/common/icon-weather.png");
      background-repeat: no-repeat;
      width: 70px;
      height: 70px;
      transform: scale(calc(59 / 70));
      transform-origin: right top;
      display: block;
    }

    .d0,
    .d00,
    .qing {
      background-position: 0 0
    }

    .n0,
    .n00 {
      background-position: -1118px -480px
    }

    .d1,
    .d01,
    .yun {
      background-position: -158px 0
    }

    .n1,
    .n01 {
      background-position: -1278px -480px
    }

    .d2,
    .d02,
    .n2,
    .n02,
    .yin {
      background-position: -318px 0
    }

    .d3,
    .d03 {
      background-position: -478px 0
    }

    .n3,
    .n03 {
      background-position: -1438px -480px
    }

    .d4,
    .d04,
    .n4,
    .n04 {
      background-position: -638px 0
    }

    .d5,
    .d05,
    .n5,
    .n05 {
      background-position: -798px 0
    }

    .d6,
    .d06,
    .n6,
    .n06 {
      background-position: -958px 0
    }

    .d7,
    .d07,
    .n7,
    .n07 {
      background-position: -1118px 0
    }

    .d8,
    .d08,
    .n8,
    .n08,
    .yu {
      background-position: -1278px 0
    }

    .d9,
    .d09,
    .n9,
    .n09 {
      background-position: -1438px 0
    }

    .d10,
    .n10 {
      background-position: -1598px 0
    }

    .d11,
    .n11 {
      background-position: -1758px 0
    }

    .d12,
    .n12 {
      background-position: 0 -160px
    }

    .d13 {
      background-position: -158px -160px
    }

    .n13 {
      background-position: -1598px -480px
    }

    .d14,
    .n14 {
      background-position: -318px -160px
    }

    .d15,
    .n15 {
      background-position: -478px -160px
    }

    .d16,
    .n16 {
      background-position: -638px -160px
    }

    .d17,
    .n17 {
      background-position: -798px -160px
    }

    .d18,
    .n18 {
      background-position: -958px -160px
    }

    .d19,
    .n19 {
      background-position: -1118px -160px
    }

    .d20,
    .n20 {
      background-position: -1278px -160px
    }

    .d21,
    .n21 {
      background-position: -1438px -160px
    }

    .d22,
    .n22 {
      background-position: -1598px -160px
    }

    .d23,
    .n23 {
      background-position: -1758px -160px
    }

    .d24,
    .n24 {
      background-position: 0 -320px
    }

    .d25,
    .n25 {
      background-position: -158px -320px
    }

    .d26,
    .n26 {
      background-position: -318px -320px
    }

    .d27,
    .n27 {
      background-position: -478px -320px
    }

    .d28,
    .n28 {
      background-position: -638px -320px
    }

    .d29,
    .n29 {
      background-position: -798px -320px
    }

    .d30,
    .n30 {
      background-position: -958px -320px
    }

    .d31,
    .n31 {
      background-position: -1118px -320px
    }

    .d53,
    .n53 {
      background-position: -1278px -320px
    }

    .d99,
    .n99 {
      background-position: -1438px -320px
    }

    .d32,
    .d49,
    .d57,
    .d58,
    .n32,
    .n49,
    .n57,
    .n58 {
      background-position: -1598px -320px
    }


    .d54,
    .n54 {
      background-position: 0 -480px
    }

    .d55,
    .n55 {
      background-position: -158px -480px
    }

    .d56.n56 {
      background-position: -318px -480px
    }


    .d301,
    .d97,
    .n301,
    .n97 {
      background-position: -797px -480px
    }

    .d302,
    .d98,
    .n302,
    .n98 {
      background-position: -958px -480px
    }

    .farming-status-13 {
      color: #1FD1A5;

      &::before {
        background-color: #1FD1A5;
      }

      &::after {
        background-color: #1FD1A5;
      }
    }

    .farming-status-14 {
      color: #906BFF;

      &::before {
        background-color: #906BFF;
      }

      &::after {
        background-color: #906BFF;
      }
    }

    .farming-status-15 {
      color: #369BFF;

      &::before {
        background-color: #369BFF;
      }

      &::after {
        background-color: #369BFF;
      }
    }

    .farming-status-16 {
      color: #FF7EA8;

      &::before {
        background-color: #FF7EA8;
      }

      &::after {
        background-color: #FF7EA8;
      }
    }

    .farming-status-17 {
      color: #979797;

      &::before {
        background-color: #979797;
      }

      &::after {
        background-color: #979797;
      }
    }

    .farming-status-18 {
      color: #FF6B6B;

      &::before {
        background-color: #FF6B6B;
      }

      &::after {
        background-color: #FF6B6B;
      }
    }

    @mixin subject-status($num: '01') {
      background-image: url("/public/image/subject/icon-status-#{$num}.png");
      background-size: cover;
    }

    .subject-status-64,
    .subject-status-71 {
      @include subject-status('01');
    }

    .subject-status-64,
    .subject-status-72,
    .subject-status-76,
    .subject-status-81 {
      @include subject-status('02');
    }

    .subject-status-66,
    .subject-status-77,
    .subject-status-82 {
      @include subject-status('03');
    }

    .subject-status-67,
    .subject-status-73,
    .subject-status-78,
    .subject-status-83 {
      @include subject-status('04');
    }

    .subject-status-68,
    .subject-status-74,
    .subject-status-79,
    .subject-status-105 {
      @include subject-status('05');
    }

    .subject-status-69 {
      @include subject-status('06');
    }

    @mixin subject-level($num: '01') {
      background-image: url("/public/image/subject/bg-level-#{$num}.png");
      background-size: cover;
    }
    @mixin select-level($num: '01') {
      background-image: url("/public/image/subject/bg-level-#{$num}.png");
      background-size: cover;
    }
    .select-level-1{
      @include select-level('01');
    }
    .select-level-2{
      @include select-level('02');
    }
    .select-level-3{
      @include select-level('03');
    }
    .select-level-4{
      @include select-level('04');
    }
    .select-level-5{
      @include select-level('05');
    }
    .select-level-6{
      @include select-level('06');
    }
    @mixin select-status($num: '01') {
      background-image: url("/public/image/subject/icon-status-#{$num}.png");
      background-size: cover;
    }
    .select-status-1{
      @include select-status('01');
    }
    .select-status-2{
      @include select-status('02');
    }
    .select-status-3{
      @include select-status('03');
    }
    .select-status-4{
      @include select-status('04');
    }
    .select-status-5{
      @include select-status('05');
    }
    .select-status-6{
      @include select-status('06');
    }
    .subject-level-64,
    .subject-level-71 {
      @include subject-level('09');
    }

    .subject-level-65,
    .subject-level-72 {
      @include subject-level('09');
    }

    .subject-level-66 {
      @include subject-level('08');
    }

    .subject-level-67,
    .subject-level-73 {
      @include subject-level('07');
    }

    .subject-level-68 {
      @include subject-level('06');
    }

    .subject-level-69,
    .subject-level-74 {
      @include subject-level('05');
    }

    .subject-level-76,
    .subject-level-81 {
      @include subject-level('04');
    }

    .subject-level-77,
    .subject-level-82 {
      @include subject-level('03');
    }

    .subject-level-78,
    .subject-level-83 {
      @include subject-level('02');
    }

    .subject-level-79,
    .subject-level-105 {
      @include subject-level('01');
    }
    .deviceSelect {
      margin-top: 3px;
      width: 80px;
      text-align: center;
      .el-select__wrapper {
        min-height: 26px;
        font-size: 12px;
        font-weight: 400;
      }
      .el-input__inner {
        background: #fff
      }
    }
    .grey-color {
      color: #999;
      font-size: 12px;
      font-weight: 400;
      margin-top: 10px
    }
    .flex-right {
      display: flex;
      justify-content: flex-end;
      font-size: 12px;
      .el-date-editor {
        box-shadow: unset;
        border: none;
        font-size: 12px;
        padding: 0 15px 0 0;
        display: flex;
        justify-content: flex-end;
      }
      .el-input__wrapper:hover {
        box-shadow: none
      }
      .el-range-input {
        font-size: 12px;
        width: 40px;
      }
      .el-range-separator {
        color: #999;
        padding: 0;
        flex: none
      }
      .el-range__close-icon--hidden {
        display: none;
      }
      .el-range__icon {
        position: absolute;
        right: 0;
      }
    }